<%-- 
    Document   : index
    Created on : 20/04/2010, 14:52:30
    Author     : Koji
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Sistema de Monitoramento de Ônibus de Linha</title>

        <style type="text/css">
            span.img {
                background-color: #6883D4;
                border-radius: 10px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                box-shadow: 4px 4px 5px #888;
                -webkit-box-shadow: 4px 4px 5px #888;
                -moz-box-shadow: 4px 4px 5px #888;
                width: 100%;
                padding: 5px;
                margin-top: 30px;
                margin-bottom: 5px;
                display: block;
            }
        </style>
    </head>
    <body class="sismol">
        <jsp:include page="header.jsp" />

        <div class="body">
            <div class="title">Sistema de Monitoramento de Ônibus de Linha</div>

            <span class="img">
                <table style="width: 100%; color: white;">
                    <tr>
                        <td>
                            <table>
                                <tr>
                                    <th>
                                        Cansado de perder tempo no ponto de ônibus?
                                    </th>
                                </tr>
                                <tr>
                                    <td>
                                        O Sistema de Monitoramento de Ônibus de Linha traz diversas vantagens aos usuários de ônibus:
                                        <ul>
                                            <li>
                                                Diminuir o tempo de espera gasto no ponto de ônibus;
                                            </li>
                                            <li>
                                                Aumentar o rendimento do seu dia;
                                            </li>
                                            <li>
                                                Melhorar o serviço de transporte coletivo.
                                            </li>
                                        </ul>

                                        <br/>
                                        <br/>
                                        <form action="view.jsp">
                                            <input type="submit" value="Quero Monitorar Minha Linha!" style="width: 350px; height: 50px; font-weight: bold; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;" />
                                        </form>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td>
                            <img src="images/ponto_lotado.jpg" alt="Ponto Lotado" style="width: 300px;" />
                            <img src="images/ponto_lotado2.jpg" alt="Ponto Lotado" style="width: 300px;" />
                            <img src="images/ponto_lotado3.jpg" alt="Ponto Lotado" style="width: 300px;" />
                            <img src="images/ponto_lotado4.jpg" alt="Ponto Lotado" style="width: 300px; height: 187px;" />
                        </td>
                    </tr>
                </table>


            </span>
        </div>
    </body>
</html>
